<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>
    <script>
        $(function () {
            $("button").click(function () {
                //移除ID的div
                $("#div1").remove();
                //删除 class="italic" 的所有 <p> 元素：
                $("p").remove(".italic");
                // 删除被选元素的子元素。
                $("#div1").empty();
            });
        });
    </script>
</head>

<body>

    <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">

        这是 div 中的一些文本。
        <p>这是在 div 中的一个段落。</p>
        <p>这是在 div 中的另外一个段落。</p>

    </div>
    <br>
    <button>移除div元素</button>

</body>

</html>